import axios from 'axios'
import { getToken } from '@/utils/auth'
import { Message } from 'element-ui'
import router from '@/router'
import { store } from 'vuex'
const service = axios.create({
  baseURL: 'https://api-hmzs.itheima.net/v1',
  timeout: 25000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 统一添加token
    const token = getToken()
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    // 统一处理错误
    // 处理token失效 401处理
    // console.dir(error.response.status)
    if (error.response.status === 401) {
      // 1跳转到登录页面
      router.push('/login')
      // 2清空用户数据
      store.commit('user/removeToken')
    }
    Message.error(error.response.message)
    return Promise.reject(error)
  }
)

export default service
